<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>location</title>
	<script src="./lib/zepto.min.js"></script>
</head>
<body>
	<button id="local_btn">测试</button>
<!-- 	// <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script> -->  
	<script>
		 if (navigator.geolocation) {
		    alert("浏览器支持!");
		 }
		else {
		    alert("浏览器不支持!");
		 }
			var getLocation = function(){
		//获取用户当前位置信息
		navigator.geolocation.getCurrentPosition(show_map,handle_error);
		
		function show_map(position){					//成功处理
			var latitude = position.coords.latitude;
			var longitude = position.coords.longitude;
			// localStorage.setItem("latitude",latitude);
			// localStorage.setItem("longitude",longitude);
			alert(latitude +','+longitude);
				
		//alert("经度"+latitude+"纬度"+longitude);
		}
		function handle_error(error){					//错误处理
			console.log(error)
			switch(error.code){
				case 1:
					alert("位置服务被拒绝");
					break;
				case 2:
					alert("获取不到位置信息");
					break;
				case 3:
					alert("获取信息超时");
					break;
				default:
					alert("位置错误");
					break;
			}
		}
		
	}
	var btn = document.getElementById('local_btn');
	btn.onclick = getLocation;
	$(function(){
		startgps();
	});

//获取地理位置方法
function startgps()
      {
//判断是否支持
        if (navigator.geolocation)
        { 
            navigator.geolocation.watchPosition(showgps,
           // navigator.geolocation.getCurrentPosition(showgps,//成功回调函数
                                 function(error) //失败回调函数
                                 {
                                 alert("获取位置失败，开始执行失败回调函数");
                                 getPositionError(error);
                                  //showgps();
                                      //  showAlert("获取地理位置出错");
                                 },
                                 {enableHighAcuracy: true, timeout:1000,maximumAge: 0}); // 这里设置超时为1000毫秒，即1秒
                }
                else
                {
                    showAlert("navigator.geolocation获取结果为false");
                    //showgps();
                }
            }

      function showgps(position)
      {
        alert("获取位置成功，开始执行成功回调函数");
                if (position)
                {
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;
document.getElementsByName("lat")[0].value = latitude;
document.getElementsByName("lng")[0].value = longitude;
showAlert("获取到的地理位置为latitude："+latitude+"---longitude="+longitude);
                }
                else{
                    showAlert("位置获取不到，请确认您打开了定位服务！");
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;
document.getElementsByName("lat")[0].value = latitude;
document.getElementsByName("lng")[0].value = longitude;
showAlert("定位服务没有打开时获取到的地理位置latitude："+latitude+"---longitude="+longitude);
                  }
      }

      function getPositionError(error){    
     switch(error.code){    

        case error.TIMEOUT:    

            alert("连接超时，请重试");    

            break;    

        case error.PERMISSION_DENIED:    

            alert("您拒绝了使用位置共享服务，查询已取消");    

            break;    

        case error.POSITION_UNAVAILABLE:    

            alert("亲爱的火星网友，非常抱歉，我们暂时无法为您所在的星球提供位置服务");    

            break;    

    }    
  }
	</script>
</body>
</html>